<!doctype html>
<html lang="en" class="no-js">
<head>
<meta charset="utf-8">

<!-- www.phpied.com/conditional-comments-block-downloads/ -->
<!--[if IE]><![endif]-->

<!-- Always force latest IE rendering engine (even in intranet) & Chrome Frame  -->
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Kameleon</title>
<meta name="description" content="">
<meta name="author" content="">

<!-- Place favicon.ico and apple-touch-icon.png in the root of your domain and delete these references -->
<link rel="shortcut icon" href="/favicon.ico">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">

<!-- CSS - Setup -->
<link href="css/style.css" rel="stylesheet" type="text/css" />
<link href="css/base.css" rel="stylesheet" type="text/css" />
<link href="css/grid.css" rel="stylesheet" type="text/css" />
<!-- CSS - Theme -->
<link id="theme" href="css/themes/light.css" rel="stylesheet" type="text/css" />
<link id="color" href="css/themes/blue.css" rel="stylesheet" type="text/css" />

<!-- All JavaScript at the bottom, except for Modernizr which enables HTML5 elements & feature detects -->
<script src="js/modernizr-1.5.min.js"></script>
</head>

<!--[if IE 7 ]>    <body class="ie7"> <![endif]-->
<!--[if IE 8 ]>    <body class="ie8"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!-->
<body>
<!--<![endif]-->
<div id="wrapper"> 
  
  <!-- start header -->
  <header> 
    <!-- logo -->
    <h1 id="logo"><a href="index.html">Kameleon</a></h1>
    <!-- nav -->
    <nav>
      <ul id="nav">
        <li><a href="index.html">Home</a></li>
        <li><a href="about.html">About</a>
          <ul>
            <li><a href="about.html">Who We Are</a></li>
            <li><a href="about.html">Misc Examples</a>
              <ul>
                <li><a href="about.html">Column Examples</a></li>
                <li><a href="about.html">Styled Elements</a></li>
              </ul>
            </li>
          </ul>
        </li>
        <li><a href="portfolio.html">Portfolio</a>
          <ul>
            <li><a href="portfolio.html">3 Column Portfolio</a></li>
            <li><a href="portfolio.html">Portfolio With Sidebar</a></li>
            <li><a href="portfolio.html">Portfolio List</a></li>
            <li><a href="portfolio.html">Portfolio Item Page</a></li>
          </ul>
        </li>
        <li class="current"><a href="services.html">Services</a>
          <ul>
            <li><a href="services.html">Pricing Table</a></li>
          </ul>
        </li>
        <li><a href="contact.html">Contact Us</a></li>
      </ul>
      <br class="cl" />
    </nav>
    <br class="cl" />
  </header>
  <!-- end header --> 
  <!-- page container -->
  <div id="page"> 
    <!-- page title -->
    <h2 class="ribbon full">Pricing <span>Take a look at our prices</span> </h2>
    <div class="triangle-ribbon"></div>
    <br class="cl" />
    <!-- page content -->
    <div id="page-content" class="container_12">
      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
      <table class="pricing-table">
        <tr>
          <td class="blank">&nbsp;</td>
          <td class="header"><h4>Basic</h4>
            <h5>$10/month</h5></td>
          <td class="header"><h4>Professional</h4>
            <h5>$25/month</h5></td>
          <td class="header"><h4>Enterprise</h4>
            <h5>$80/month</h5></td>
        </tr>
        <tr>
          <td class="feature first">Dolor</td>
          <td>$5</td>
          <td>Free</td>
          <td class="last">Free</td>
        </tr>
        <tr class="alt">
          <td class="feature">Lorum</td>
          <td><img alt="" src="img/tick.png"></td>
          <td><img alt="" src="img/tick.png"></td>
          <td><img alt="" src="img/tick.png"></td>
        </tr>
        <tr>
          <td class="feature">Ipsum</td>
          <td><img alt="" src="img/tick.png"></td>
          <td><img alt="" src="img/tick.png"></td>
          <td><img alt="" src="img/tick.png"></td>
        </tr>
        <tr class="alt">
          <td class="feature">Dorum</td>
          <td><img alt="" src="img/tick.png"></td>
          <td><img alt="" src="img/tick.png"></td>
          <td><img alt="" src="img/tick.png"></td>
        </tr>
        <tr>
          <td class="feature">Amet</td>
          <td>&nbsp;</td>
          <td><img alt="" src="img/tick.png"></td>
          <td><img alt="" src="img/tick.png"></td>
        </tr>
        <tr class="alt">
          <td class="feature">Eiusmod </td>
          <td>&nbsp;</td>
          <td>&nbsp;</td>
          <td><img alt="" src="img/tick.png"></td>
        </tr>
        <tr>
          <td class="feature">Tempor </td>
          <td>&nbsp;</td>
          <td>&nbsp;</td>
          <td><img alt="" src="img/tick.png"></td>
        </tr>
        <tr>
          <td class="feature">&nbsp;</td>
          <td><button class="blue">Sign Up</button></td>
          <td><button class="blue">Sign Up</button></td>
          <td><button class="blue">Sign Up</button></td>
        </tr>
      </table>
      <div class="notification tip nopic tc"> <strong>Not sure which plan?</strong>
        <p>Get in touch with our sales team. <a href="#">Contact Us</a>.</p>
      </div>
    </div>
    <!-- page sidebar --> 
  </div>
  
  <!-- Footer Start -->
  <footer>
    <ul class="footer-nav">
      <li><a href="index.html">Home</a> |</li>
      <li><a href="about.html">About</a> |</li>
      <li><a href="portfolio.html">Portfolio</a> |</li>
      <li><a href="services.html">Services</a> |</li>
      <li><a href="contact.html">Contact</a></li>
    </ul>
    <p>Copyright ©2010, A <a href="http://www.mudodesigns.com">Mudo Design</a> for <a href="http://themeforest.net?ref=ChrisMooney">Theme Forest</a>.</p>
    <br class="cl" />
  </footer>
  <!-- footer end --> 
  
  <!-- Javascript at the bottom for fast page loading --> 
  <!-- Grab Google CDN's jQuery + jQuery UI. fall back to local if necessary --> 
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> 
  <script>!window.jQuery && document.write('<script src="js/jquery-1.4.2.min.js"><\/script>')</script> 
  <script type="text/javascript" src="js/jquery.lightbox-0.5.min.js"></script> 
  <script type="text/javascript" src="js/jquery.form.js"></script> 
  <script src="js/cufon-yui.js" type="text/javascript"></script> 
  <script src="js/Aller.font.js" type="text/javascript"></script> 
  <script src="js/jquery.nivo.slider.pack.js" type="text/javascript"></script> 
  <script src="js/jquery.tipsy.js" type="text/javascript"></script> 
  <script src="js/functions.js" type="text/javascript"></script> 
  <!--[if lt IE 7 ]>
    <script src="js/dd_belatedpng.js"></script>
  <![endif]--> 
</div>
</body>
</html>